<!DOCTYPE html>
<html lang={{ .Site.LanguageCode}} data-theme="light">
    {{- partial "head.html" . -}}
    <body data-enable-auto-dark-mode="{{.Site.Params.enableAutoDarkMode}}"
          {{ if and .Site.Params.enableValine .IsPage }}
          data-enable-valine="true"
          data-valine-appid="{{.Site.Params.valine.appId}}"
          data-valine-appkey="{{.Site.Params.valine.appKey}}"
          {{ end }}
    >
    	<div id="app">
            {{- partial "sidebar.html" . -}}
            <!-- PC view -->

            {{- partial "mobile-header.html" . -}}
            <!-- mobile header -->
            <div id="content">
                    {{- block "main" . }}{{- end }}
            </div>

            {{- partial "extrabar.html" . -}}
        
            {{- partial "mobile-footer.html" . -}}
            <!-- mobile footer -->
            </div>
    {{ partial "journal.html" .}}
    </body>
</html>
